<style lang="scss" scoped>
    .ui-map-dialog {
        background:#fff;
        border-radius:2px;
        box-shadow:0 1px 3px rgba(0, 0, 0, .3);
        box-sizing:border-box;
        width:30%;
        margin-bottom: 20%;
        .ui-map-dialog-header {
            padding:20px 20px 10px;
            .ui-map-dialog-header-title {
                line-height:24px;
                font-size:18px;
                color:#303133;
            }
            .icon {
                color:#909399;
                cursor: pointer;
                &:hover {
                    color:#409eff;
                }
            }
        }
        .ui-map-dialog-body{
            padding:30px 20px;
            color:#606266;
            font-size:14px;
            word-break:break-all;
        }
        .ui-map-dialog-footer{
            padding:10px 20px 20px;
            text-align:right;
            box-sizing:border-box;
        }
    }
</style>
<template>
    <div class="ui flex item one col-center row-center">
        <div class="ui-map-dialog">
            <div class="ui-map-dialog-header ui flex">
                <div class="ui flex item one ui-map-dialog-header-title">提示</div>
                <i class="el-icon-close icon f-20" @click="$parent.close()"></i>
            </div>
            <div class="ui-map-dialog-body">
                <div class="ui flex">
                    <div class="ui flex">
                        <i class="exclamation circle icon t-orange f-22 m-r-5"></i>
                    </div>
                    <div class="ui item one">
                        <div class="m-b-10">地理位置为：{{ data.address }}</div>
                        <div>
                            <span class="m-r-10">经度：{{ data.lng }}</span>
                            <span>纬度：{{ data.lat }}</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="ui-map-dialog-footer">
                <el-button @click="$parent.close()">取 消</el-button>
                <el-button type="primary" @click="submit">确 定</el-button>
            </div>
        </div>
    </div>
</template>
<script>
    export default {
        props:{

        },
        data() {
            return {
                data:this.$parent.params.markerInfo
            }
        },
        mounted() {

        },
        watch:{

        },
        methods:{
            submit() {
                this.$emit('global:ui_map_dialog_confirm');
                this.$parent.close();
            }
        },
        beforeDestroy() {

        }
    }
</script>

